<%@page import="java.util.List"%>
<%@page import="org.apache.commons.lang.StringUtils"%>
<%@page import="grupobbva.pe.operhc.domain.SegOpcion"%>
<%@page import="grupobbva.pe.operhc.domain.SegUsuario"%>
<%@page import="grupobbva.pe.operhc.util.Constant"%>

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html style="overflow: auto;">
<%
SegUsuario usuarioSession = (SegUsuario) request.getSession().getAttribute("usuarioSession");
List<SegOpcion> opciones = usuarioSession.getOpciones();
String tipDoc = (String) request.getSession().getAttribute("tipDoc");
String numDoc = (String) request.getSession().getAttribute("numDoc");
String codFam = (String) request.getSession().getAttribute("codFam");
String flagex = (String) request.getSession().getAttribute("flaext");
String tituloGestor=request.getSession().getAttribute(Constant.MENSAJES_TITULO_GESTOR_SESSION)==null?"":(String)request.getSession().getAttribute(Constant.MENSAJES_TITULO_GESTOR_SESSION);

String versionApp=(String)request.getSession().getAttribute(Constant.VERSIONAPP_SESSION);
%>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title><%=tituloGestor%></title>
	<link rel="stylesheet" type="text/css" href="css/jquery.ui.all.css" />
	<link rel="stylesheet" type="text/css" href="css/demos.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/css/ui.jqgrid.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/css/redmond/jquery-ui-1.8.2.custom.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/css/operhc_style.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/css/buttonOHC.css" />
	
	<script src="<%=request.getContextPath()%>/js/jquery-1.7.1.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath()%>/js/jquery.ui.core.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath()%>/js/jquery.ui.widget.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath()%>/js/jquery.ui.tabs.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath()%>/js/util/encabezado.js?ver<%=versionApp%>" type="text/javascript"></script>
	
	<script type="text/javascript">
	$(function() {
		$("#tabs").tabs({
			ajaxOptions: {
				error: function( xhr, status, index, anchor ) {
					$( anchor.hash ).html(
						"No se puede cargar esta pestaña, se produjo un error inesperado." );
				}
			}
		});
	});
	</script>
</head>
<body>

<form name="formPrincipal">
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td bgcolor="#FFFFFF"><img src="imagenes/cabizq.jpg" border="0"></td>
		<td align="right" bgcolor="#FFFFFF"><img src="imagenes/cabder.jpg" border="0"></td>
	</tr>
	</table>
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td>
			<font face="Arial Narrow" size="3" color="#535AA0"><b>
			&nbsp;&nbsp;&nbsp;Bienvenido: <%=usuarioSession.getNombreCompleto()%><br/>
			&nbsp;&nbsp;&nbsp;Cargo: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<%=usuarioSession.getDescripcionCargo()%><br/>
			<%if("1".equals(usuarioSession.getAdmin())) {%>
			&nbsp;&nbsp;&nbsp;Perfil: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Administrador<br/>
			<%} %>
			</b></font>
		</td>
		<td align="right" style="font-family:Arial;font-size:16px"><b><%=tituloGestor%></b>&nbsp;&nbsp;&nbsp;
		<br/><br/>
		<%--<a href="index.jsp" target="_top"><img src="imagenes/btsalir.jpg" border="0"></a>&nbsp;&nbsp;&nbsp;--%>
		<%if (!"2".equals(flagex)) {%>
		<a href="<%=request.getContextPath()%>/loginLDAP.do?method=logout" target="_top" class="buttonOHC">SALIR</a>&nbsp;&nbsp;&nbsp;
		<%} %>
		</td>
	</tr>
	</table>
</form>

<%if(opciones != null && !opciones.isEmpty()){%>
	
<div class="demo">
	<div id="tabs">
		<ul>		
			<%for(int i=0;i<opciones.size();i++){
				if("0".equals(opciones.get(i).getOpcAdmin()) ||
				  ("1".equals(opciones.get(i).getOpcAdmin()) && "1".equals(usuarioSession.getAdmin()))){
				%>
				
				<li><a href="#tabs<%=i+1%>"><b><%=opciones.get(i).getDesOpcion()%></b></a></li>
				
				<%}
			}%>
		</ul>
		
		<%for(int i=0;i<opciones.size();i++){
			
			if("0".equals(opciones.get(i).getOpcAdmin()) ||
			  ("1".equals(opciones.get(i).getOpcAdmin()) && "1".equals(usuarioSession.getAdmin()))){
					
			
				String url = opciones.get(i).getUrlVal();
				String desIframe = opciones.get(i).getDesIframe();
				if(StringUtils.isBlank(url)){
					url = "#";
				}
				if(StringUtils.isNotBlank(numDoc)) {
					if ("frameConsultaActual".equals(desIframe)) {
						url += "&tipDoc="+tipDoc+"&numDoc="+numDoc+"&codFam="+codFam;
					}
				}
				
				%>
				
				<div id="tabs<%=i+1%>">
					<iframe src="<%=url%>" name="<%=desIframe%>" width="100%" scrolling="auto" frameborder="0">
					  <!-- frk: En el caso que exista algun problema en el momento de cargar el iframe: -->
				      <p>Ocurrio un error no previsto, porfavor vuelva a intentarlo.</p>
				    </iframe>
				</div>
			<%}
		}%>
		
	</div>
</div>
	
<%}%>

<div id="loading-mask" style="display:none;"></div>
<div id="loading" style="display:none;">
<div class="loading-indicator">
<bean:message key="etiqueta.cargando"/>
</div>
</div>

</body>
<script type="text/javascript">

	var viewportWidth;
	var viewportHeight;
	
	fxRedimensionarPantalla();
	
	$(function(){
		$(window).resize(function(){
			fxRedimensionarPantalla();
		});
	});
	
	function fxRedimensionarPantalla() {
		if (typeof window.innerWidth != 'undefined') {
			viewportWidth = window.innerWidth;
			viewportHeight = window.innerHeight;
		} else if (typeof document.documentElement != 'undefined'
				&& typeof document.documentElement.clientWidth != 'undefined'
				&& document.documentElement.clientWidth != 0) {
			viewportWidth = document.documentElement.clientWidth;
			viewportHeight = document.documentElement.clientHeight;
		} else {
			viewportWidth = document.getElementsByTagName('body')[0].clientWidth;
			viewportHeight = document.getElementsByTagName('body')[0].clientHeight;
		}
		//alert('Your viewport width is '+viewportWidth+'x'+viewportHeight+'');

		listIFrames = document.getElementsByTagName("iframe");
		for(var f=0;f<listIFrames.length;f++) {
			listIFrames[f].style.height = (viewportHeight - 215)+"px";
		}
	}
	//window.screen.availHeight
	//window.screen.availWidth
	
</script>
</html>